<script setup lang="ts">
import Nav from "@/components/Nav.vue";
import { ref } from "vue";
// import { usenavStore } from '@/stores/nav.ts'
// var navmenu = usenavStore()

var my1Nav = Nav;

var Admin = [
  { index: "0", main: "项目管理", router: "/index/admin/first" },
  { index: "1", main: "告警规则", router: "/index/admin/second" },
  { index: "2", main: "资源管理", router: "/index/admin/third" },
  { index: "3", main: "角色管理", router: "/index/admin/fourth" },
  // { index: "4", main: "组织管理", router: "/index/admin/fifth" },
  // { index: "5", main: "用户管理", router: "/index/admin/sixth" },
  // { index: "6", main: "操作日志", router: "/index/admin/seventh" },
];
</script>
<template>
  <div class="admin">
    <div class="left">
      <my1-nav :menunav="Admin"></my1-nav>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>



</script>
<style scoped>
.admin {
  height: 100%;
  display: flex;
}

.admin .left {
  width: 255px;
  background: rgb(65, 92, 133);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #fff;
}

.admin .left a {
  color: #fff;
  text-decoration: none;
}

.admin .left a:hover {
  color: #f66;
}

.admin .right {
  flex: 1;
}
</style>
